<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <input type="text" id="txt">
  <div id="show"></div>
  <button id="btn">验证</button>
  <!-- 定义一个函数，用来验证文本框输入的数字是否是一个偶数，并将结果显示在页面上
   -->
  <script>
    // 1 获取所有的元素  输入框  点击按钮  显示框
    var txt = document.getElementById("txt");
    var show = document.getElementById("show")
    var btn = document.getElementById("btn")
    // 2 给按钮绑定点击事件
    btn.onclick = function () {
      // 3。点击事件中 我要获取输入框的值 调用一个判断函数去判断
      var val = txt.value; //获取输入框的值
      var str = checkEven(val);// // 4.判断函数 要返回 奇数和偶数的字符串给我
      // 5 把值 赋值给显示框
      show.innerHTML = str
    }
    //6 判断函数书写
    // 1) 接收到传来的数字
    // 2)判断为偶数 返回 “偶数” 否则返回奇数
    function checkEven(num) {
      if (num % 2 == 0) {
        return "偶数"
      } else {
        return "奇数"
      }
    }





  </script>
</body>

</html>